[data-scope='password-input'][data-part='root'] {
  max-width: 20rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

[data-scope='password-input'][data-part='control'] {
  position: relative;
  display: flex;
  align-items: center;
}

[data-scope='password-input'][data-part='input'] {
  width: 100%;
  height: 100%;
  padding: 0.5rem 3rem 0.5rem 0.5rem;
  flex: 1;
}

[data-scope='password-input'][data-part='indicator'] {
  display: contents;
}

[data-scope='password-input'][data-part='visibility-trigger'] {
  position: absolute;
  inset-inline-end: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 0.2rem;

  & svg {
    width: 1rem;
    height: 1rem;
  }
}
